<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

	<title>CleanCut - a Themeforest HTML Template</title>
	
	<!-- ########## CSS Files ########## -->	
	<!-- Screen CSS -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/style5.css" type="text/css" media="screen" />
	<!-- lightbox CSS -->
	<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />	
	<!-- ########## end css ########## -->	
	
	
	<!-- JAVASCRIPT GOES HERE -->
	<script type='text/javascript' src='js/jquery.js'></script>
	<script type='text/javascript' src='js/cufon.js'></script>
	<script type='text/javascript' src='js/quicksand.font.js'></script>
	<script src="js/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>	
	<script type='text/javascript' src='flashplayer/flowplayer-3.1.4.min.js'></script>
	<script type='text/javascript' src='js/custom.js'></script>	
	<!--[if IE 6]>
	<script type='text/javascript' src='js/dd_belated_png.js'></script>
	<script>DD_belatedPNG.fix('.ie6fix');</script>
	<style>.box ul li a, .box ul a, .hr {zoom:1;}</style>
	<![endif]-->

</head>
<body id="top">

<div class="wrapper" id='wrapper_head'>

	<div class="center">
	
		<div id="head">
		
			<h1 class="logo"><a href="index.html" class='ie6fix'>CleanCut</a></h1>
			<ul id="nav">
				<li><a href="index.html">Home</a>
				<ul>
					<li><a href="index.html">Index - Block Slider</a></li>
					<li><a href="index_accordion.html">Index - Accordion Slider</a></li>
					<li><a href="index_fade.html">Index - Fading Slider</a></li>
					<li><a href="index_news.html">Index - News Slider</a></li>
					<li><a href="index_curtain.html">Index - Curtain Slider</a></li>
					<li><a href="multislide.html">Multiple sliders on one Page</a></li>
				</ul>
				</li>
				
				<li><a href="page.html">Template Files</a>
				<ul>
					<li><a href="index.html">Index - Block Slider</a></li>
					<li><a href="index_accordion.html">Index - Accordion Slider</a></li>
					<li><a href="index_fade.html">Index - Fading Slider</a></li>
					<li><a href="index_news.html">Index - News Slider</a></li>
					<li><a href="index_curtain.html">Index - Curtain Slider</a></li>
					<li><a href="multislide.html">Multiple sliders on one Page</a></li>
					<li><a href="blog.html">Blog</a></li>
					<li><a href="single.html">Single Blog Page</a></li>
					<li><a href="portfolio.html">Portfolio Page</a></li>
					<li><a href="portfolio_single.html">Portfolio Single</a></li>
					<li><a href="page.html">Page</a></li>
					<li><a href="fullwidth.html">Page Fullwidth</a></li>
					<li><a href="contact.php">Contact</a></li>
					<li><a href="#">Second Level »</a>
						<ul>
						<li><a href="#">Just for</a></li>
						<li><a href="#">Demonstration</a></li>
						<li><a href="#">Purpose</a></li>
						</ul>
					</li>
					</ul>
				</li>
				<li class='current'><a href="styles.html">Styling</a>
					<ul>
					<li><a href="multislide.html">Multiple sliders on one page</a></li>
					<li><a href="styles.html">HTML styling</a></li>
					<li><a href="page.html">Columns in page with sidebar</a></li>
					<li><a href="fullwidth.html">Columns on Fullwidth page</a></li>
					</ul>
				</li>
				<li><a href="blog.html">Blog</a></li>
				<li><a href="portfolio.html">Portfolio</a>
					<ul>
					<li><a href="portfolio_2.html">Portfolio different heights</a></li>
					<li><a href="portfolio_single.html">Portfolio Single</a></li>
					</ul>
				</li>
				<li><a href="contact.php">Contact</a></li>
			</ul>
			
		<!--end head-->
		</div>
		
	<!-- end center-->
	</div>
<!--end wrapper-->
</div>


<!-- extra heading, remove if not needed-->
<div class="wrapper" id='wrapper_heading'>
	<div class="center">
	<h2>This page shows the styles the theme comes with</h2>
	<!-- end center-->
	</div>
<!--end wrapper-->
</div>


<div class="wrapper" id='wrapper_main'>

	<div class="center">		
		
		<div id="main">
				
		<div class='content'>
		
			<div class="entry">
	          
	           <h1 class='siteheading'><a href="#">Paragraph &amp; Images: left + right aligned</a></h1>
	           <div class="entry-content"> 

	            <p><a class='preloading alignleft' href="files/content_pic2.jpg"><img src="files/content_pic_med2.jpg" alt="" /></a>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation <strong>ullamco laboris</strong> nisi ut aliquip ex ea commodo consequat.<br/> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.  </p><p>
<a class='preloading alignright' href="files/content_pic3.jpg"><img src="files/content_pic_med3.jpg" alt="" /></a>
Lorem ipsum dolor sit amet, consectetur <strong>adipisicing elit</strong>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis <a href='#top'>nostrud exercitation</a> ullamco laboris nisrem ipsum dolor sit amet, consectetur <strong>tempor incididunt</strong> ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
</p>
	            <div class="hr"></div>
	            
	            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> 
	           <h1>This is a H1 Heading</h1>
	           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
	           
	           <h2>This is a H2 Heading</h2>
	           <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
	           
	           <h3>This is a H3 Heading</h3>
	           <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
	           
	           <h4>This is a H4 Heading</h4>
	           <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
	           
	           <h5>This is a H5 Heading</h6>
	           <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
	           
	           <h6>This is a H6 Heading</h6>
	           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
	            
	            
	       <div class="hr"><a class="scrollTop" href="#top">top</a></div>   
	            
	       <h2>Blockquotes and Pullquotes</h2>
	       <blockquote class='ie6fix'>
	       	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation</p>
	       </blockquote>
	       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation <strong>ullamco laboris</strong> nisi ut aliquip ex ea commodo consequat.<br/> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
	       <blockquote class="pullquote pullquote_left ie6fix"><p>
Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede.</p>
</blockquote>
<p>
Lorem ipsum dolor sit amet, consectetur <strong>adipisicing elit</strong>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud <a href='#top'>exercitation ullamco</a> laboris nisrem ipsum dolor sit amet, consectetur <strong>tempor incididunt</strong> ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi nostrud exercitation <strong>ullamco laboris</strong> nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate.
</p>
<blockquote class="pullquote pullquote_right ie6fix"><p>
Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede.</p>
</blockquote>	    
<p>
Lorem ipsum dolor sit amet, consectetur <strong>adipisicing elit</strong>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud <a href='#top'>exercitation ullamco</a> laboris nisrem ipsum dolor sit amet, consectetur <strong>tempor incididunt</strong> ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
</p>	    
	       
	        
	        <div class="hr"><a class="scrollTop" href="#top">top</a></div> 
	        <h2>Image with caption</h2>
	        <p>
	        <div class="wp-caption alignleft"><a class='preloading' href="files/content_pic2.jpg"><img alt="medium2" src="files/content_pic_med3.jpg" title="medium2" /></a><p class="wp-caption-text">This is a caption</p></div>
	        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation <strong>ullamco laboris</strong> nisi ut aliquip ex ea commodo consequat. </p><p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.  </p>
	        
	        <div class="hr"><a class="scrollTop" href="#top">top</a></div> 
	        <h2>List Styling: UL + OL</h2>
	        <p>
	        
	        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation <strong>ullamco laboris</strong> nisi ut aliquip ex ea commodo consequat. </p>
	        <ul>
			<li>Nunc nonummy metus.</li>
			<li>Vestibulum volutpat pretium libero.</li>
			<li>Cras id dui.</li>
			<li>Aenean ut eros et nisl sagittis vestibulum.</li>
			</ul>
	        <p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.  </p>
	 		<ol>
			<li>Nunc nonummy metus.</li>
			<li>Vestibulum volutpat pretium libero.</li>
			<li>Cras id dui.</li>
			<li>Aenean ut eros et nisl sagittis vestibulum.</li>
			</ol>
			<div class="hr"><a class="scrollTop" href="#top">top</a></div> 
			
			
			<h2>Table styling</h2>
			<p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
			
			
			<table cellspacing="0" summary="The technical specifications of the Apple PowerMac G5 series" id="mytable">
			<caption>Table 1: Apple Product specs </caption>
			  <tbody><tr>
			    <th class="nobg" abbr="Product" scope="col">Product:</th>
			    <th abbr="iPhone 3GS" scope="col">iPhone 3GS</th>
			    <th abbr="iPad" scope="col">iPad</th>
				<th abbr="iPod Nano" scope="col">iPod Nano</th>
			  </tr>
			  <tr>
			    <th class="spec" abbr="Version" scope="row">Version</th>
			    <td>3rd Generation build</td>
			    <td>1st Generation build</td>
			    <td>27th Generation build</td>
			  </tr>
			  <tr>
			    <th class="specalt" abbr="Multitouch" scope="row">Multitouch</th>
			    <td class="alt">Yes</td>
			    <td class="alt">Yes</td>
			    <td class="alt">No</td>
			  </tr>
			  <tr>
			    <th class="spec" abbr="Video Options" scope="row">Video</th>
			    <td>Yes - doesnt play flash content</td>
			    <td>Yes - doesnt play content</td>
			    <td>Yes - does play any content</td>
			  </tr>
			  <tr>
			    <th class="specalt" abbr="Release Date" scope="row">Release Date</th>
			    <td class="alt">Nov. 2009</td>
			    <td class="alt">Mai. 2010</td>
			    <td class="alt">Jun. 2010</td>
			  </tr>
			</tbody></table>
			
			
			<div class="hr"><a class="scrollTop" href="#top">top</a></div> 
			
			
			<h2>Dropcaps</h2>
			<p>
	        <span class='dropcap1 ie6fix'>L</span>orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation <strong>ullamco laboris</strong> nisi ut aliquip ex ea commodo consequat. </p>
			<p><span class='dropcap2 ie6fix'>A</span>is aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est labrem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p><p><span class='dropcap3 ie6fix'>A</span>is aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est labrem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>
	 			<!--end entry-content-->
	 			</div>
	 		
	 		<div class="hr"><a class="scrollTop" href="#top">top</a></div> 
	 		<!--end entry -->	
 			</div>
 			
	
		<!--end content-->
		</div>	
			
		
		<div class="sidebar">
		<span class="sidebar_top"><!-- needed for smooth start of sidebar background--></span>
		<span class="sidebar_bottom"><!-- needed for smooth end of sidebar background--></span>
		
			<div class="box one_fourth">
				
			<h3>Blog Categories</h3>
			<ul>
				<li><a href="index.html">Network News</a></li>
				<li><a href="blog.html">Web Design &amp; Development</a></li>
				<li><a href="single.html">Adobe Creative Suite 4</a></li>
				<li><a href="page_fullwidth.html">Dreamweaver CS4</a></li>
				<li><a href="page.html">Image Editing</a></li>
				<li><a href="page.html">Photoshop CS4</a></li>
				<li><a href="page_fullwidth.html">Fireworks CS4</a></li>
				<li><a href="portfolio.html">Theme and Template Design</a></li>
				<li><a href="portfolio_single.html">Javascript Libraries</a></li>
				<li><a href="page.html">jQuery - Write less do more</a></li>
				<li><a href="page_fullwidth.html">Mootools - A compact javascript framework</a></li>
			</ul>	
				
					
			</div><!--end box-->
			
			<div class="box one_fourth">
				<h3>Latest News</h3>
				<ul>
					<li><a href="single.html">Our New Page is online</a></li>
					<li><a href="single.html">Flash Slider Released</a></li>
					<li><a href="single.html">Apple buys Microsoft</a></li>
					<li><a href="single.html">Adobe buys Macromedia</a></li>
				</ul>
			</div>
				
		</div>
		
		<!--end main-->
		</div>
		
		
		<div id="footer_inside">
		
		<!--end footer_inside-->
		</div>

	<!-- end center-->
	</div>
<!--end wrapper-->
</div>

<div class="wrapper" id='wrapper_footer'>
	
	<div id="footer_outside">
		<span class="copyright">
			&copy; Copyright <a href='#'>YourName.Inc</a> - 
			Design by <a href="http://www.kriesi.at">Kriesi.at - Wordpress Themes</a>
		</span>
		
		<ul class="social_bookmarks">
			<li class="rss"><a href="#" class="ie6fix">RSS</a></li>
			<li class="facebook"><a href="#" class="ie6fix">Facebook</a></li>
			<li class="twitter"><a href="#" class="ie6fix">Twitter</a></li>
			<li class="flickr"><a href="#" class="ie6fix">flickr</a></li>
		</ul>
		
		<a href="#top" class='scrollTop'>top</a>
	<!--end footer_outside-->
	</div>
	
	
	
<!--end wrapper -->
</div>

</body>
</html>